<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>05_选择器-伪类选择器-动态伪类选择器-focus</title>
        <style>
            /* 获取焦点之后 显示的样式 */
            /* 正常来说 focus 适用于input和textarea */
            /* input:focus {
                background-color: skyblue;
            }

            textarea:focus {
                background-color: brown;
            }

            select:focus {
                background-color: aqua;
            } */


            /* 简写方案 */
            :focus {
                background-color: red;
            }
        </style>

    </head>
    <body>
        <input type="text" id="inp">

        <textarea></textarea>

        <select>
            <option value="">大窑</option>
            <option value="">北冰洋</option>
            <option value="">珍珍</option>
            <option value="">冰峰</option>
        </select>

        <p>张三</p>


        <input type="radio" name="gender">女
        <input type="radio" name="gender">男
    </body>
</html>